.file_manager{

    .file{
        @extend .padding-0;
        position: relative;

        &:hover{
            box-shadow: 0 0 3px rgba(0,0,0,0.1), 0 6px 20px rgba(0,0,0,0.2);
            transition: all 0.2s ease-in-out;
        }

        .image, .icon{
            height: 150px;
            overflow: hidden;
            background-size: cover;
            background-position: top;
        }

        .hover{
            position: absolute;
            right: 10px;
            top: 10px;
            display: none;
            transition: all 0.2s ease-in-out;
        }

        a{
            &:hover{                
                .hover{
                    display: block;
                    transition: all 0.2s ease-in-out;
                }
            }
        }

        .icon {
            padding: 15px 10px;
            display: table;
            width: 100%;
            text-align: center;

            i {                
                display: table-cell;
                font-size: 30px;
                vertical-align: middle;
                color: $grey-600;
            }
        }

        .file-name {
            padding: 10px;
            border-top:1px solid $blue-grey-50;
            small{
                @extend .displayblock;

                .date{
                    float: right;
                }
            }
        }
    }
}

@media only screen and (max-width:992px) {    
    .file_manager{
        
        .nav-tabs{
            padding-left: 0;
            padding-right: 0;
    
            .nav-item{
                display: inline-block;
            }
        }
    }
}